//封装购物车模块
import { defineStore} from "pinia";
import {ref} from 'vue'
import {computed} from "vue";
import {useUserStore} from './userStore.js'
import {insertCartAPI, findNewCartListApi,delCartApi} from '@/apis/cart.js'

export const userCartStore = defineStore('cart',()=>{
  const userStore = useUserStore()
  const isLogin = computed(()=>userStore.userInfo.token)
  //1.定义state - cartList
  const cartList = ref([])
  const updaateNewList = async ()=>{
    const  res = await findNewCartListApi()
    cartList.value = res.result
  }
  //2.定义action - addCart
  const addCart = async (goods)=>{
    const {skuId,count} = goods
    if (isLogin.value){
      //登录之后的加入购物车逻辑
      await insertCartAPI({skuId,count})
      const  res = await findNewCartListApi()
      cartList.value = res.result
    }else {
      //添加购物车操作
      //已添加过 - count + 1
      //没有添加过 - 直接push
      //思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
      const item = cartList.value.find((item)=>goods.skuId === item.skuId)
      if(item){
        //找到了
        item.count++
      }else {
        //没找到
        cartList.value.push(goods)
      }
    }


  }
  //删除购物车
  const delCart=async (skuId)=>{
    if (isLogin.value){
      //调用接口实现接口购物车中的删除功能
      await delCartApi([skuId])
      const  res = await findNewCartListApi()
      cartList.value = res.result

    }else {
      //思路：1.找到要删除项的下标值 - splice
      //2.使用数组的过滤方法
      const idx = cartList.value.findIndex((item)=>skuId === item.skuId)
      cartList.value.splice(idx,1)
    }

  }
  //清除购物车
  const clearCart = ()=>{
    cartList.value = []
  }

  //单选功能
  const singleCheck = (skuId,selected)=>{
    //通过skuId找到要修改的一项
    const item = cartList.value.find((item)=>item.skuId === skuId)
    item.selected = selected
  }


  //计算属性
  //1.总的数量，所有项的count之和
  const allCount = computed(()=>cartList.value.reduce((a,c) => a + c.count,0))
  //2.总价，所有项的count*price之和
  const allPrice = computed(()=>cartList.value.reduce((a,c) => a + c.count*c.price,0))

  //是否全选
  const isAll = computed(()=>cartList.value.every((item)=>item.selected))
  //全选功能
  const allCheck = (selected)=>{
    //把cartList中的每一项的selected都设置为全选框状态
    cartList.value.forEach((item)=>item.selected = selected)
  }

  //已选择数量
  const selectedCount = computed(()=>cartList.value.filter(item=>item.selected).reduce((a,c)=>a+c.count,0))
  const selectedPrice = computed(()=>cartList.value.filter(item=>item.selected).reduce((a,c)=>a+c.count*c.price,0))
  //已选择商品价钱合计

  return {
    cartList,
    addCart,
    delCart,
    allCount,
    allPrice,
    singleCheck,
    isAll,
    allCheck,
    selectedCount,
    selectedPrice,
    clearCart,
    updaateNewList
  }
},{
  persist: true,
})
